.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem 
}
body{
    background: #f6f6f6;
    
}
.iconfont{
    font-family:"iconfont";
    .px2rem(font-size,50);
    font-style:normal;
} 
.header{
    background: white;
    width: 100%;
    .px2rem(height,90);
    .px2rem(line-height,90);
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 2px solid #f1f1f1;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
    p:nth-child(1){
        .px2rem(font-size,40);
        float: left;
        .iconfont{
            font-family:"iconfont";
            .px2rem(font-size,50);
            font-style:normal;
            .px2rem(padding-right,40);
        } 
        
    }
    
    p:nth-child(2){
        .px2rem(font-size,40);
        
        float: right;
        a{
            color: red;
        }
    }
}
.main{
    z-index: 60;
    width: 100%;
    .px2rem(margin-top,90);
    .shejiaozhanghao{
        width: 100%;
        margin-top: 15%;
        ._top{
            padding: 2%;
            box-sizing: border-box;
            color: #bababa;
            .px2rem(font-size,24);
        }
        ._center{
            background: white;
            display: flex;
            justify-content: space-around;
            align-items: center;
            a{
                padding-top: 4%;
                padding-bottom: 4%;
                text-align: center;
                i{display: block;}
                span{
                    padding-top: 20%;
                    display: block;
                }
            }
            a:nth-child(1){
                i{color: #ff7c7b;}
            }
            a:nth-child(2){
                i{color: #67d1eb;}
            }
            a:nth-child(3){
                i{color: #6fcf92;}
            }
        }
    }
    .duitangzhanghao{
        margin-top: 10%;
        ._top{
            padding: 2%;
            box-sizing: border-box;
            color: #bababa;
            .px2rem(font-size,24);
        }
        ._center{
            background: white;
            padding-left: 4%;
            box-sizing: border-box;
            input{
                width: 100%;
                border: none;
                border-bottom: 3px solid #f6f6f6;
                outline:none;
                caret-color:#ff5757;
                padding: 4%;
                .px2rem(font-size,30);
            }
        }
    }
    .zhaohui{
        color: #fa6e6d;
        .px2rem(font-size,30);
        padding: 6%;
    }
}
@font-face {
  font-family: 'iconfont';  /* project id 382649 */
  src: url('//at.alicdn.com/t/font_382649_tfanwxytd0vhd7vi.eot');
  src: url('//at.alicdn.com/t/font_382649_tfanwxytd0vhd7vi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_382649_tfanwxytd0vhd7vi.woff') format('woff'),
  url('//at.alicdn.com/t/font_382649_tfanwxytd0vhd7vi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_382649_tfanwxytd0vhd7vi.svg#iconfont') format('svg');
}


